<%--
  Created by IntelliJ IDEA.
  User: KangWang
  Date: 2021/5/14
  Time: 8:59
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta username="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品展示</title>
    <link rel="shortcut icon" href="https://static.websiteonline.cn/website/template/default/images/favicon.ico"
          type="image/x-icon" />
    <link rel="Bookmark" href="https://static.websiteonline.cn/website/template/default/images/favicon.ico" />
    <!-- 引入外部css -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/home.css" type="text/css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/company_profile.css" type="text/css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/news_and_trends.css" type="text/css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/product_display.css" type="text/css" />
    <!-- head-and-foot -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/head.css" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/foot.css" type="text/css">
</head>

<body>
<!-- head 公共部分 -->
<%--<script src="${pageContext.request.contextPath}/js/head.js"></script>--%>
<jsp:include page="head.jsp"></jsp:include>
<!-- 产品展示 -->
<div class="companyBrief">
    <div>
        <div class="buttons_content" >
            <!-- 斜线 -->
            <div>
                <div>
                    <div></div>
                </div>
            </div>
            <a href="javascript:;">\ ${navs[3].navName}</a>
        </div>
        <div class="buttons_1content" >
            <div >
                <a href="javascript:;">
                    <img src="${pageContext.request.contextPath}${images[6].imgUrl}" />
                </a>
            </div>
        </div>
    </div>
</div>
<!-- 产品分类及预览 -->
<div class="product_display" >
    <div >
        <!-- news and trends nav -->
        <div class="product-nav">
            <c:forEach items="${productMenus}" var="menus" varStatus="index">
                <%--   一级菜单  --%>
                <div>
                    <a href="${pageContext.request.contextPath}${menus.menuUrl}">
                        <span>${menus.menuName}</span>
                    </a>
                    <div class="dropdown_${index.index+1}column">
                        <%--      二级菜单  --%>
                        <c:forEach items="${menus.productMenus}" var="menu">
                            <div class="col_1">
                                <ul class="simple">
                                    <li><a href="${pageContext.request.contextPath}${menu.menuUrl}">${menu.menuName}</a></li>
                                </ul>
                            </div>
                        </c:forEach>
                    </div>
                </div>
            </c:forEach>
            <%--<div>
                <a href="">
                    <span>软件</span>
                </a>
                <div class="dropdown_1column">
                    <div class="col_1">
                        <ul class="simple">
                            <li><a href="">企业用户</a></li>
                            <li><a href="">集团用户</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div>
                <a href="">
                    <span>数码</span>
                </a>
                <div class="dropdown_2column">
                    <div class="col_1">
                        <ul class="simple">
                            <li><a href="">数字数码</a></li>
                            <li><a href="">数字影音</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div>
                <a href="">
                    <span>通讯</span>
                </a>
                <div class="dropdown_3column">
                    <div class="col_1">
                        <ul class="simple">
                            <li><a href="">手机设备</a></li>
                            <li><a href="">通讯设备</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div>
                <a href="">
                    <span>网络设备</span>
                </a>
                <div class="dropdown_4column">
                    <div class="col_1">
                        <ul class="simple">
                            <li><a href="">大型企业</a></li>
                            <li><a href="">小型企业</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div>
                <a href="">
                    <span>办公设备</span>
                </a>
                <div class="dropdown_5column">
                    <div class="col_1">
                        <ul class="simple">
                            <li><a href="">一体机</a></li>
                            <li><a href="">分体机</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div>
                <a href="">
                    <span>电脑配件</span>
                </a>
                <div class="dropdown_6column">
                    <div class="col_1">
                        <ul class="simple">
                            <li><a href="">主机内存</a></li>
                            <li><a href="">电源散热</a></li>
                        </ul>
                    </div>
                </div>
            </div>--%>
        </div>
        <!-- 产品预览 8/1 -->
        <div class="product-2img">
            <div class="cc"></div>
            <div class="cc"></div>
            <div class="cc"></div>
            <div class="product-list">
                <ul>
                    <c:forEach items="${displays}" var="display" >
                        <li>
                            <div>
                                <a href="${pageContext.request.contextPath}/jsp/product_details.jsp" class="img-href">
                                    <img src="${pageContext.request.contextPath}${display.productImg}" />
                                    <span>${display.productName}</span>
                                </a>
                                <a href="${pageContext.request.contextPath}${display.productMenu.menuUrl}" class="img-type">
                                    ${display.productMenu.menuName}
                                </a>
                                <p class="product-price">价格：<span>${display.platformPrice}</span></p>
                            </div>
                        </li>
                    </c:forEach>
                    <%--<li>
                        <div>
                            <a href="${pageContext.request.contextPath}/jsp/product_details.jsp" class="img-href">
                                <img src="${pageContext.request.contextPath}/img/32_tqh6.jpg" />
                                <span>用友通</span>
                            </a>
                            <a href="" class="img-type">
                                企业用户
                            </a>
                            <p class="product-price">价格：<span>521.8888</span></p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="" class="img-href">
                                <img src="${pageContext.request.contextPath}/img/31_hqzy.jpg" />
                                <span>Microsoft Windows</span>
                            </a>
                            <a href="" class="img-type">
                                企业用户
                            </a>
                            <p class="product-price">价格：<span>521.8888</span></p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="" class="img-href">
                                <img src="${pageContext.request.contextPath}/img/30_zggw.jpg" />
                                <span>SteelEye LifeKeeper for Linux</span>
                            </a>
                            <a href="" class="img-type">
                                企业用户
                            </a>
                            <p class="product-price">价格：<span>521.8888</span></p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="" class="img-href">
                                <img src="${pageContext.request.contextPath}/img/29_qds1.jpg" />
                                <span>OA办公自动化</span>
                            </a>
                            <a href="" class="img-type">
                                企业用户
                            </a>
                            <p class="product-price">价格：<span>521.8888</span></p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="" class="img-href">
                                <img src="${pageContext.request.contextPath}/img/28_jtat.jpg" />
                                <span>麦凯思酒店管理</span>
                            </a>
                            <a href="" class="img-type">
                                集团用户
                            </a>
                            <p class="product-price">价格：<span>521.8888</span></p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="" class="img-href">
                                <img src="${pageContext.request.contextPath}/img/27_4xfw.jpg" />
                                <span>恩特网络监控管理</span>
                            </a>
                            <a href="" class="img-type">
                                集团用户
                            </a>
                            <p class="product-price">价格：<span>521.8888</span></p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="" class="img-href">
                                <img src="${pageContext.request.contextPath}/img/26_8zvc.jpg" />
                                <span>Adobe CS4</span>
                            </a>
                            <a href="" class="img-type">
                                集团用户
                            </a>
                            <p class="product-price">价格：<span>521.8888</span></p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="" class="img-href">
                                <img src="${pageContext.request.contextPath}/img/25_79g0.jpg" />
                                <span>Microsoft Office</span>
                            </a>
                            <a href="" class="img-type">
                                集团用户
                            </a>
                            <p class="product-price">价格：<span>521.8888</span></p>
                        </div>
                    </li>--%>
                </ul>
            </div>

        </div>
        <!-- 翻页 -->
        <div class="product-page" >
            <div>
                <a href="" class="page-left">《</a>
            </div>
            <div>
                <a href="" class="page-center" >1</a>
            </div>
            <div>
                <a href="" class="page-center" >2</a>
            </div>
            <div>
                <a href="" class="page-center" >3</a>
            </div>
            <div>
                <a href="" class="page-right" >》</a>
            </div>
            <div>
                <span>当前页码：</span>
                <span>2</span>
            </div>
        </div>
    </div>
</div>
<!--回到顶部 公共部分 -->
<jsp:include page="href-top.jsp"></jsp:include>
<!-- 分割线 -->
<div style="margin-top: 574px;">
    <hr />
</div>
<!-- foot -->
<div class="company-end" style="margin-top: 1395px;">
<%--   foot-nav 公共部分 --%>
    <jsp:include page="foot.jsp"></jsp:include>
</div>
</body>

</html>
